/*Top003124 */
.Top003124{ background:rgba(255,255,255,0.85)}

.Top003124 .logo{float: left;display: table;height:80px;}
.Top003124 .logo a{display: table-cell; vertical-align: middle;}

.Top003124 menu li span{display: block;}

.Top003124 .open-search{position: absolute;right: 0; top: 0; bottom:0; margin:auto;width:20px;height:20px; background: url(../images/search_icon.png) no-repeat center; cursor: pointer;}
.Top003124 .top-search{position: absolute;right: 0; top: 100%; background-color: #fff; width: 100%;max-width: 400px;}
.Top003124 .top-search .btn{background-color:#6da62c; background-image: url(../images/search_icon2.png); background-size: auto 50%;}
.Top003124 .open-search.on:before,
.Top003124 .open-search.on:after{width:100%; left:0;}
.Top003124.hover .open-search.on:before,
.Top003124.hover .open-search.on:after{background-color: rgba(0,0,0,1);}
.Top003124.hover{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

@media (min-width:1025px) {
.Top003124{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;transition:background-color 0.3s,transform 1s;}
.Top003124.Down{transform: translateY(-5.3125em);}


.Top003124 menu{float: right; padding-right:50px}
.Top003124 menu li{float: left;}  
.Top003124 menu li:not(:last-child){margin-right:1.3em;}
.Top003124 menu li span,
.Top003124 menu li span a{line-height:80px;}  
.Top003124 menu li span a{display: block;position: relative;z-index: 1;}
.Top003124 menu li span a:after{position: absolute;content: ''; left: 0; bottom: 0; height:3px;background-color: #6da62c; transition: 0.3s;}
.Top003124 menu li.aon span a{ color:#6da62c}
.Top003124 menu li:hover span a:after,
.Top003124 menu li.aon span a:after{width: 100%;}
.Top003124 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;}
}

@media (min-width:1300px) {
.Top003124 menu{padding-right:70px}
.Top003124 menu li:not(:last-child){margin-right:3em;}
}

@media (max-width:1024px) {

.Top003124 .wap-fixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;box-shadow: 0 0 10px rgba(0,0,0,0.1);background:rgba(255,255,255,0.85)}
.Top003124 .auto{position: relative;}
.Top003124 .logo{ height:50px; width:55%}
.Top003124 menu{position: fixed; left: -100%;top:50px;height: calc(100% - 60px); overflow: auto; background-color: #fff; width: 220px;opacity: 0;transition: 0.3s ease;}   
.menu-show .Top003124 menu{left: 0; opacity: 1; transform:translateX(0);}
.Top003124 menu li{ border-bottom: 1px solid #eee;}
.Top003124 menu li span{padding-top: 1em; padding-bottom: 1em;padding-left: 1em;}
.Top003124 .has-sub span .op:before,
.Top003124 .has-sub span .op:after{background-color: #ccc;}
.Top003124 menu li .sub{background-color: rgba(0,0,0,0.1);}

.Top003124 .open-search{width:1.2em; height: 1.2em; top: 50%;margin-top: -0.7em;background-color:#6da62c; background-size: auto 60%; right: 2.8em; background-image:url(../images/search_icon2.png)}   
.Top003124 .open-menu{width:2.4em; height: 2.4em; right: 0;} 
.Top003124 .open-menu i{width: 60%; left: 20%;background-color: rgba(0,0,0,1);} 
}

.bottom{color:#fff; background:#333}
.bottom .auto{padding-top:2%; padding-bottom:2%; background:url(../images/foot_logo.png) no-repeat right center; background-size:contain}
.bottom a{ color:#fff}
.bottom .caidan{ float:left; width:70%;}
.bottom .caidan li{ float:left; width:14%}
.bottom .caidan li span{ display:block; padding-bottom:8%}
.bottom .caidan .sub{ font-size:14px;}
.bottom .caidan .sub dt{ padding:8px 0}
.bottom .caidan .sub a{ color:#999999}
.bottom .other{ float:right; width:30%; max-width: 315px; font-size:14px;color:#999999;  }
.bottom .other .pic dl{ float: left; width: 50%; text-align: center}
.bottom .other .pic dl span{display: block; max-width: 120px; margin: auto}
.bottom .other .pic dl b{display: block; font-weight: normal;text-align:center; padding:10px 0}
.bottom .other .txt{padding-top: 2%;}
.bottom .other .txt p{padding: 5px 0}
.bottom .social-share .social-share-icon{color: #fff!important; border: none!important; background: none!important; width: 32px!important; height: 32px!important; line-height: 32px!important; font-size: 18px!important;}
.bottom .social-share a.icon-instagram{background: url(../images/share_icon3.png) no-repeat center center!important;}
@media (max-width:1024px) {
.bottom .caidan{ display:none}
.bottom .other{float:none; margin:auto; width:50%}
}
@media (max-width:640px) {
.bottom .other{width: 100%}
.bottom .other .pic dl span{width:66%; }
}


.footer{font-size:14px;padding-top:1.5%; padding-bottom:1.5%; background:#333; border-top:solid 1px #434343}
.footer,
.footer a{ color:#929292}
.footer .link{ float:right;}
.footer .link a{position:relative; display: inline-block}
.footer .link a:not(:last-child){ margin-right:20px;}
.footer .link a:not(:last-child):after{ content:' '; position:absolute; margin:auto; top:0; bottom:0; right:-10px; width:1px; height:60%; background:#424242}
@media (max-width:1024px) {
.footer .link{ float:none; padding-bottom:2%;}
}
@media (max-width:640px) {
.footer{ text-align: center; padding-top:3%; padding-bottom:3%; }
}

.f18{ font-size:18px}
.f20{ font-size:20px}
.f24{ font-size:24px}
.f30{ font-size:30px}
.f36{ font-size:36px}
.f40{ font-size:40px}
.f50{ font-size:50px}
@media (max-width:1024px) {
body{ font-size:14px;}
.f18{ font-size:16px}
.f20{ font-size:18px}
.f24{ font-size:20px}
.f30{ font-size:22px}
.f36{ font-size:26px}
.f40{ font-size:30px}
.f50{ font-size:40px}
}
@media (max-width:640px) {
.f18{ font-size:15px}
.f20{ font-size:16px}
.f24{ font-size:18px}
.f30{ font-size:18px}
.f36{ font-size:20px}
.f40{ font-size:22px}
.f50{ font-size:30px}
}

.isimg{ display: block; background-repeat:no-repeat;background-position:center center;background-size:cover}
.zoomimg .pic{ overflow: hidden}
.zoomimg .pic .isimg{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .pic .isimg{ -webkit-transform:scale(1.2);transform:scale(1.2)}

.column_home{ padding:1% 0;text-align:center}
.column_home span{ display:inline-block; text-align:left}
.column_home i{ color:#6da62c; display:block; font-style:normal}
.column_home b{ display:block; font-weight:normal; color:#000000}

.txt_home{ line-height:1.8;text-align:center; padding-bottom:3%;}

.more_home{ padding-top:3%; padding-bottom:3%}
.more_home a{ display:inline-block; cursor:pointer; background:#6da62c url(../images/more_icon.png) no-repeat 80% center; color:#fff; line-height:48px; width:150px; text-indent:40px; border-radius:40px; transition:0.5s}
.more_home a:hover{ background-color:#579214; background-position:75% center; text-indent:30px;}
@media (max-width:768px) {
.more_home a{ line-height:32px; width:130px;text-indent:20px;}
}

@keyframes mouse {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(100%);
	}
	100% {
		transform:translateY(0%);
	}
}
#mouse {position:absolute; left:50%; bottom:0; margin-bottom:3.125%; width:29px; animation:mouse 3s linear 0s infinite; z-index:9;}
#mouse:after {display:block; content:''; background:url(../images/mouse.png) no-repeat center center; background-size:contian; padding-bottom:131.03%;}

.banner_home .pic span{ height: 100vh; display: block; background: no-repeat center center; background-size: cover}
.banner_home .pic span.wap{ display:none}
.banner_home .slick-dots{ position:absolute; width:100%; bottom:0; z-index:10}
.banner_home .slick-dots li button{ background:#fff; border:none;    opacity:1; width:11px; height:11px;}
.banner_home .slick-dots li.slick-active button{ background:#82bb38;box-shadow:0 0 0 3px #82bb38}
.banner_home .slick-arrow{ background:no-repeat center center}
.banner_home .slick-arrow:before{ display:none}
.banner_home .slick-prev{ left:5%; background-image:url(../images/jt_prev.png)}
.banner_home .slick-next{ right:5%; background-image:url(../images/jt_next.png)}

.banner_home .open-video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzM3NjE1OTM2NDQwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwODUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxOTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjExLjkxNDA2MjUiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNNTQ2LjkwNDIyOCAxOC4xMDU3M2MtMjc3Ljc2OTE4IDAtNTAyLjk0NTI5IDIyNS4xNzYxMS01MDIuOTQ1MjkgNTAyLjk0NTI5IDAgMjc3Ljc3MTY0IDIyNS4xNzQ4OCA1MDIuOTQ3NzUgNTAyLjk0NTI5IDUwMi45NDc3NSAyNzcuNzY3OTUgMCA1MDIuOTQ1MjktMjI1LjE3NjExIDUwMi45NDUyOS01MDIuOTQ3NzVDMTA0OS44NDk1MTggMjQzLjI4MzA3IDgyNC42NzIxNzggMTguMTA1NzMgNTQ2LjkwNDIyOCAxOC4xMDU3M0w1NDYuOTA0MjI4IDE4LjEwNTczek01NDYuOTA0MjI4IDk3My43MDE2NTljLTI0OS45OTI2MzEgMC00NTIuNjUxODY4LTIwMi42NTkyMzctNDUyLjY1MTg2OC00NTIuNjUxODY4IDAtMjQ5Ljk5MDE3MiAyMDIuNjU5MjM3LTQ1Mi42NDk0MDggNDUyLjY1MTg2OC00NTIuNjQ5NDA4czQ1Mi42NTA2MzggMjAyLjY1OTIzNyA0NTIuNjUwNjM4IDQ1Mi42NDk0MDhDOTk5LjU1NDg2NiA3NzEuMDQyNDIyIDc5Ni44OTY4NTkgOTczLjcwMTY1OSA1NDYuOTA0MjI4IDk3My43MDE2NTlMNTQ2LjkwNDIyOCA5NzMuNzAxNjU5ek03NzUuMjAzOTI0IDQ4NS40MDY0NzhjLTc4LjI2Nzk2Mi01My4yNTU5MS0yMjAuMTkxOS0xMzIuOTY3NjA4LTMwMS4wMDQyMzItMTgyLjM1ODM4OC0zMy4xMzIxNDYtMjAuODkzNTkyLTYwLjk5MzU0OS0xMi41MDI5NTItNjMuNjY3MDQzIDI0LjM5OTYzMy0xLjkzODA5OSA5OC44NDA1ODggMCAyODkuNTUwMjY0IDAgMzkwLjEwMTQ0NSAxLjY4MTA3OSAzNy40NjIxMjUgMzQuNzA5OTI2IDQyLjQwMzI5MyA2My4zNzU1OSAyNy4zNjIxMjEgODAuNzIxMzMtNDguOTA2MjU1IDIxOS40NTY1MDUtMTMyLjk1Nzc3IDMwMC41ODg1NzQtMTgyLjExMjQzNkM3NzMuOTY4MDE3IDU2Mi40NzY2NTYgODM2LjA5Nzg2MiA1MjguMzA1MzY0IDc3NS4yMDM5MjQgNDg1LjQwNjQ3OEw3NzUuMjAzOTI0IDQ4NS40MDY0Nzh6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIyMjAwIj48L3BhdGg+PC9zdmc+) no-repeat center center;background-size: 4rem auto;}

@media (max-width:1024px) {
.banner_home .pic span.wap{ display:block; background-size: 100%}
.banner_home .pic span.pc{ display:none}
.banner_home .slick-arrow{display: none!important}
}
@media (max-width:768px) {
.banner_home .item video{z-index:2}
.banner_home .item:not(.video-show) video{display: none}
}
.about_home{ padding:4% 0; position:relative}
.about_home .column_home{ padding:4% 0}
.about_home .column_home,
.about_home .txt_home{ text-align:left}
.about_home .txt_home{ color:#000000}
.about_home .info{ padding-top:4%}
.about_home .txt2{ padding-top:3%; padding-bottom:5%}
.about_home .txt2 li{ float:left; min-width:23%; text-align:center; position:relative; padding-top:20px;}
.about_home .txt2 li:not(:last-child){ margin-right:2%}
.about_home .txt2 li:before,
.about_home .txt2 li:after{ content:''; width:35px; height:65px; top:0; position:absolute; background:no-repeat center center}
.about_home .txt2 li:before{ left:0; background-image:url(../images/about_icon_l.png)}
.about_home .txt2 li:after{right:0; background-image:url(../images/about_icon_r.png)}
.about_home .txt2 li b{ color:#9e9472; font-size:1.5vw; font-weight:normal; }
.about_home .txt2 li i{ color:#9e9472; font-style:normal}
.about_home .txt2 li span{ display:block; font-size:14px; padding:10px}
@media (min-width:768px) {
.about_home .pic{ float:left; width:50%}
.about_home .info{ float:right; width:53%; margin-left:-3%;}	
}
@media (max-width:1280px) {
.about_home .txt2 li{ min-width:45%}
.about_home .txt2 li b{ font-size:3vw;}
}


.services_home{ position:relative; padding-top:2%; padding-bottom:6%;background: url(../images/bg_logo.png) no-repeat -2% top; background-size: 44.5%;}
/*.services_home:before{ content:''; position:absolute; display:block; left:0; top:0; width:68%; height:83%; background:url(../images/services_bg.png) repeat right top}*/
.services_home .slick-list { margin-left:-13.5px; margin-right:-13.5px}
.services_home .item{ padding:0 13.5px}
.services_home .item a{ display:block; position:relative}
.services_home .item a:after{ content:''; position:absolute; bottom:0; display:block; width:100%; height:40%; background: url("../images/home_services.png") no-repeat center bottom; background-size: 100%;/*background: linear-gradient(to top,rgba(110,167,45,0.9),transparent)*/}
.services_home .item .pic{ border-top-right-radius:40px; overflow:hidden}
.services_home .item .pic span{ display:block; padding-bottom:151.516%}
.services_home .item .txt{ position:absolute; width:90%; right:0; bottom:6%; color:#fff; z-index:10}
.services_home .item .txt span{ display:block; width:40%; border-bottom:solid 2px #d2ab66; margin-bottom:-2px; position:relative; z-index:2}
.services_home .item .txt h3{ padding-top:4%; padding-bottom:2%; border-top:solid 2px rgba(255,255,255,0.7)}

.services_home .item:not(.slick-current) .aos-animate{ opacity: 0}
.services_home .item:not(.slick-current) [aos=fade-up] { -webkit-transform: translate(0,100px); -ms-transform: translate(0,100px); transform: translate(0,100px);}

@media (max-width:960px) {
.services_home .slick-list { margin-left:-8px; margin-right:-8px}
.services_home .item{ padding:0 8px}
}


.join_home{ padding-top:1.8%; padding-bottom:6.8%; position:relative}
.join_home:before,
.join_home:after{ content:''; display:block; width:21.36%; height:100%; position:absolute;}
.join_home:before{ right:0; top:0; background:url(../images/join_bg_r.png) no-repeat right top ;  background-size:100%;}
.join_home:after{ left:0; bottom:0; background:url(../images/join_bg_l.png) no-repeat left bottom ;  background-size:100%;}
.join_home .slickbox{ position:relative; z-index:10}
.join_home .slick_title {border-radius:10px 0 0 0; overflow:hidden}
.join_home .slick_title .item span{ display:block; overflow:hidden; border-radius:10px 10px 0 0; transform:skewX(15deg); background: linear-gradient(to right,#e3e2e2, #fcfcfc)}
.join_home .slick_title .item a{ cursor:pointer; position:relative; display:inline-block; padding:20px 30px;transform:skewX(-15deg);}
.join_home .slick_title .item b{ left:-10px; font-size:3vw; color:#000;opacity: 0.05; position:absolute;transform:skewX(-15deg);}
.join_home .slick_title .slick-current{ z-index:10}
.join_home .slick_title .slick-current span{ background:#6ea72d;}
.join_home .slick_title .slick-current a{color:#fff; }
.join_home .slick_title .slick-current:after{ content:''; position:absolute; left:50%; bottom:0; display:block; width:1200%; height:3px;background:#6ea72d;}
.join_home .slick_title .slick-list{margin-left:-10px; }
.join_home .slick_main .pic span{ padding-bottom:41.4288%}
.join_home .slick_main .pic.wap{display: none}
.join_home .slick_main .txt{ position:absolute; color:#fff; bottom:30%; left:5%; max-width:380px; width:90%;}
.join_home .slick_main .txt a{ color:#fff}
.join_home .slick_main .txt p{ line-height:2}
.join_home .slick_main .a_link{ position: absolute; width: 100%; height: 100%; cursor: pointer; display: block; z-index: 10}
@media (max-width:1024px) {
.join_home .slick_title .item a{ padding:10px 20px;}
}
@media (max-width:768px) {
.join_home .slick_title .item b{ display:none}
.join_home .slick_main .txt{ position:relative; width:100%; left:0; padding:3%; max-width:inherit; color:#333}
.join_home .slick_main .txt h3 a{ color:#333}
.join_home .slick_main .pic.pc{display: none}
.join_home .slick_main .pic.wap{display:block}
.join_home .slick_main .pic.wap span{ padding-bottom:60%}
}

.news_home{ background: linear-gradient(to bottom,#fff, #f8f8f8); padding-top:2%; padding-bottom:4%;position:relative}
.news_home:before{ content:''; position:absolute; display:block; right:0; top:0; width:69%; height:120%; background:url(../images/news_bg.png) repeat left top}
.news_home .slick-list { margin-left:-28px; margin-right:-28px}
.news_home .item{ padding:0 28px}
.news_home .item a{ display:block; position:relative}
.news_home .item a:after{ content:''; position:absolute; bottom:0; width:100%; height:5px; background: linear-gradient(to right,#d2ab66 25%, #6ea72d 25%);}
.news_home .item .pic{ border-top-right-radius:40px; overflow:hidden}
.news_home .item .pic span{ display:block; padding-bottom:69.78%}
.news_home .item .txt{ padding:7% 9% 11% 9%; background:#fff}
.news_home .item time{color:#d1bb95;}
/*.news_home .item time b{ color:#d2ab66; font-weight:normal; position:relative; padding-right:3%; margin-right:3%}
.news_home .item time b:after{ content:''; display:block; position:absolute; height:80%; width:1px; top:0; bottom:0; right:0; margin:auto; background:#eeeeee; transform:skewX(-15deg);}*/
.news_home .item h3{ margin-top:2%; margin-bottom:3%; line-height:36px; height:72px; font-weight:normal}
.news_home .item p{ line-height:30px; height:60px; color:#555555}
@media (min-width:640px) {
.news_home{ padding-left: 60px; padding-right: 60px; }
.news_home .slick-prev{left: -60px;}
.news_home .slick-next{right: -60px;}
}
@media (max-width:1024px) {
.news_home .slick-list { margin-left:-14px; margin-right:-14px}
.news_home .item{ padding:0 14px}
}
@media (max-width:640px) {
.news_home .slick-list { margin-left:0px; margin-right:0px}
.news_home .item{ padding:0}
.news_home .item .txt{ padding:3%}
.news_home .item h3,
.news_home .item p{ height:auto}
}

.shop_home{ padding-top:4%; padding-bottom:12.5%;background:url(../images/shop_bg.jpg) no-repeat left center; background-size:cover}
.shop_home .column_home i{ display:none}
.shop_home .column_home b{ color:#fff}
.shop_home .txt_home{ color:#fff}
.shop_home .formbox{ padding-top:2%; }
.shop_home .item{ float:left; width:31.5%}
.shop_home select{ display: block!important; background:rgba(235,240,235,0.5); width:96%; border:solid 1px rgba(255,255,255,0.8); color:#fff; padding:10px; height:50px;border-radius:4px; font-size:16px; }
.shop_home select option{ color: #000}
.shop_home .btn{ cursor:pointer; float:right; width:5.5%; height:50px; background:#d2ab66 url(../images/search_icon2.png)  no-repeat center center}
.shop_home .xcx{ padding: 2% 0; text-align: center; max-width: 130px; margin: auto}
.bgbox{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 99;display: none}
.shop_list { position: absolute; display: none; width: 100%; background: #fff; border-radius: 10px; padding: 20px; z-index: 100}
.shop_list .box{max-height: 400px; min-height: 250px; overflow-y: auto;}
.shop_list .box::-webkit-scrollbar{ background-color:#f3f4f6;width: 8px;border-radius:100px;}    /*滚动条整体部分*/
.shop_list .box::-webkit-scrollbar-button{ background-color:#f3f4f6}    /*滚动条两端的按钮*/
.shop_list .box::-webkit-scrollbar-track{ background-color:#f3f4f6}    /*外层轨道*/
.shop_list .box::-webkit-scrollbar-track-piece{ background-color:#f3f4f6}    /*内层轨道，滚动条中间部分（除去）*/
.shop_list .box::-webkit-scrollbar-thumb{ background-color:#f3f4f6; width: 8px; height: 50px; background: url(../images/scrollbar_icon.png) no-repeat center center;}    /*滚动条里面可以拖动的那个*/
.shop_list .box::-webkit-scrollbar-corner{ background-color:#f3f4f6}    /*边角*/
.shop_list .box::-webkit-resizer{ background-color:#f3f4f6}    /*定义右下角拖动块的样式*/

.shop_list li { padding: 2% 0; border-bottom: solid 1px #eeeeee}
.shop_list li a{display: block;position: relative; }
.shop_list li .pic{ width:80px; height: 80px; position: absolute; top: 0;}
.shop_list li .pic img{ border-radius: 10px;}
.shop_list li img{ position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width:100%; max-height:100%;}
.shop_list li .ewm{ position: absolute; width:80px; height: 80px;  right: 0; top: 0}
.shop_list li .txt{ padding-left: 100px; padding-right: 90px; min-height: 80px;}
.shop_list li .txt h3{ padding-top: 1%; padding-bottom: 1%} 
.shop_list li .txt span{ display: inline-block;}
.shop_list li .txt span:nth-child(1){ width: 40%; color: #888888}
@media (max-width:640px) {
.shop_home .item{ padding-bottom:4%}
.shop_home .item:nth-child(1),
.shop_home .item:nth-child(2){ margin-right:2.75%}
.shop_home select{ width:100%; padding: 5px;}
.shop_home .btn{ clear: both; float:none; width:100%; margin:auto;border-radius:4px;}
.shop_list{ padding: 10px;}
.shop_list li .txt span{display: block; width: 100%!important}
}

.contact_home{ text-align:right; position:absolute; width:100%; margin-top:-150px; z-index:10}
.contact_home:before{ content:''; width:66.5625%; height:100%; left:0; top:0; position:absolute; background:url(../images/contact_bg.png) no-repeat left center; background-size:100%}
.contact_home .info{ width:70%; padding:4% 0 4% 7%; display:inline-block; text-align:left; background:rgba(109,166,44); color:#fff}
.contact_home ul{ position:relative; z-index:10}
.contact_home li{ float:left; width:25%; line-height:2; position:relative}
.contact_home li span{ display:block;opacity: 0.8;}
.contact_home li b{ font-weight:normal}
.contact_home li:before{ content:''; position:absolute; display:block; left:-58px; width:46px; height:46px; border-radius: 100px; border:solid 1px rgba(255,255,255,0.4); background: no-repeat center center}
.contact_home li.add{ width:50%;}
.contact_home li.add:before{ background-image:url(../images/contact_icon1.png) }
.contact_home li.tel:before{ background-image:url(../images/contact_icon2.png) }
.contact_home li.hottel:before{ background-image:url(../images/contact_icon3.png) }
@media (min-width:1400px) {
.contact_home li{ width:28%;}
.contact_home li.add{ width:44%;}
}
@media (max-width:1024px) {
.contact_home{ position:relative; margin-top:0}
.contact_home .info{ display:block; width:100%}
}
@media (max-width:768px) {
.contact_home .info{ padding:2% 2% 2% 50px}
.contact_home li{ width:100%!important; float:none; line-height: 30px; padding-bottom:2%}
.contact_home li:before{ width:32px; height:32px; background-size: 20px;}
.contact_home li:before{ left:-40px;}
.contact_home li span{display: inline-block}
}
@media (max-width:480px) {
.contact_home li{ width:100%; float:none}
}



/**/
.lh30{ line-height:30px;}
@media (max-width:768px) {
.lh30{ line-height:24px;}
}

.section{ padding-bottom:4%; background:url(../images/bg_logo.png) no-repeat -2% top; background-size:44.5%}

.banner .ban_pc{width: 100%; display: block;}
.banner .ban_phone{display: none;}
@media(max-width:1024px){
.banner{ padding-top: 50px;}
.banner .ban_pc{display: none;}
.banner .ban_phone{display: block;}
}

.location{text-align: right; padding:1.5% 0; color: #555555; font-size: 14px; display: none}
.location dl{display: inline-block;background: url(../images/location_icon.png) no-repeat left; padding-left: 23px;}
.location a{color: #555555; position: relative; display: inline-block; margin-right: 28px}
.location a:before{content: '';position: absolute;right: -20px; width: 10px; height: 100%; background: url(../images/location_jt.png) no-repeat center center}
@media(max-width:768px){
.location{display: none}
}

.menu{ position: relative; z-index: 20}
.menu .column{display: none;}
.subcolumn { padding-top:5%; padding-bottom:3%; text-align:center;}
.subcolumn span{ display:inline-block; text-align:left}
.subcolumn em{ display:block; font-style:normal; color:#6da62c; text-transform:uppercase;}
.subcolumn b{ font-weight:normal; color:#000000}
@media(min-width:1300px){
.menu .ul li{padding:0px 10px;}
.menu .ul li a{display: block;padding: 0 30px;min-width:120px; }
}
@media(min-width:768px){
.menu{padding:3% 0;}
.menu .ul{ display: block!important}
.menu .ul li{display: inline-block; position: relative; padding:0px 5px; text-align: center}
.menu .ul li a{display: block;padding: 0 15px; line-height:40px; transition: background .3s; box-shadow:0 0 0 1px #b5b5b5; border-radius:100px;}
.menu .ul li.active a{ color:#fff; background:#6da62c url(../images/menu_bg.png) no-repeat right center}
}

@media(max-width:768px){
.menu{ margin-top: .15rem;}
.menu .column{ font-size: 18px; display: block;padding: 0 10px; line-height:40px;  position: relative; border-bottom: solid 1px #ddd}
.menu .column span{display: inline-block;border-bottom: solid 2px #6da62c}
.menu .ul{text-align: left; display: none; padding: 10px; position: absolute; width: 100%; background: #fff; box-shadow: 0 3px 6px #ddd; border-radius: 0 0 10px 10px}
.menu .ul li{display: block; margin: 0;}
.menu .ul li:not(:first-child){border-top: solid 1px #eee; }
.menu .ul li  a{padding: 0 .3rem; line-height: 34px;}

.menu i{width: 10px; height: 10px; position: absolute;margin: auto; top: 0; right: 2%; bottom: 0; transform: rotate(45deg); border-bottom: solid 2px #6da62c;border-right: solid 2px #6da62c; transition: .3s;}
.menu .column.active i{transform: rotate(-135deg)}
.menu .ul li.onsub i::after{height: 0;}
.menu .ul li.has-sub:before{ content: ''; position: absolute; width: 100%; height: 34px; z-index: 5;}
.menu .ul li .sub{ position: relative}
.menu .ul li a i::before,
.menu .ul li a i::after{ background-color: #fff}
}


.about_info1 .info{ padding: 3% 0}
.about_info1 .title{ padding-bottom: 4%; line-height: 1.5} 
.about_info1 .title p{ color: #6da62c;}
.about_info1 .pic img{ border-top-left-radius: 30px;}

.about_info2{ padding: 8% 0;}
.about_info2 .info{ }
.about_info2 .info li{ float: left; padding: 2% 0; width: 20%; text-align: center; line-height:1.5; position: relative;background: linear-gradient(to bottom,#f0f6e9,#fff)}
.about_info2 .info li b{ color: #6da62c; font-weight:normal; padding-right: 10px;}
.about_info2 .info li:not(:last-child):before{ position: absolute; right: 0; top: 0; opacity: 0.2; content: ''; width: 1px; height: 100%;background: linear-gradient(to bottom,#6da62c,#fff)}
.about_info2 .info li:first-child{background: linear-gradient(to right,#f0f6e9,#fff)}
.about_info2 .info li:last-child{background: linear-gradient(to right,#fff,#f0f6e9)}

.about_info3 .info{ padding: 3% 0}
.about_info3 .pic img{ border-top-right-radius: 30px;}
@media(min-width:768px){
.about_info1 .info{ float:left; width: 51%;}
.about_info1 .pic{ float: right; width:45%}

.about_info3 .info{ float:right; width: 51%;}
.about_info3 .pic{ float: left; width:45%}
}
@media(max-width:768px){
.about_info2 .info li{ width: 50%}
.about_info2 .info li:nth-child(4){background: linear-gradient(to right,#fff,#f0f6e9)}
.about_info2 .info li:nth-child(odd){ clear: both}
.about_info2 .info li:last-child{ width: 100%; clear: both}
}

.chairmans_main{ padding-bottom:5%; background:url(../images/chairmans_bg.png) no-repeat right bottom;}
.chairmans .pic{ float:left; width:30%;}
.chairmans .pic img{ width: 100%; border-top-right-radius:20px;}
.chairmans .info{ float:right; width:62%; line-height:30px;color:#000000;}
.chairmans .info p{ padding:20px 0; margin:0}
.chairmans .box1{ padding:1% 0}
.chairmans .box2{ padding-bottom:5%}
.chairmans .box3{ text-align:right;  position:relative}
.chairmans .box3:before{ position:absolute; top:50%; right:60%; content:''; width:150%; height:1px; background:#ebebeb}
@media(max-width:768px){
.chairmans .pic{ float: none; margin: auto;width:100%;}
.chairmans .info{ float:none; width:100%; }
}

.cultural_menu{ position:absolute; right:3%; border-right:solid 1px #d6d6d6; transition:0.5s; z-index: 20}
.cultural_menu.fixed{ position:fixed;top:10%;}
.cultural_menu li{ padding:10px 20px 10px 0; position:relative}
.cultural_menu li:before{ content:''; position:absolute; right:-5px; top:0; bottom:0; margin:auto; width:10px; height:10px; border-radius:100px; background:#c7c7c7}
.cultural_menu li a{ color:#999999; display:block; width:126px; line-height:40px; border:solid 1px #eeeeee; border-radius:4px; text-align:center; background:#fff}
.cultural_menu li a:before{ content:''; position:absolute; margin:auto; right:5px; top:0; bottom:0; width:0; height:0; border:solid 5px transparent}
.cultural_menu li.active:before{ background:#6da62c}
.cultural_menu li.active a{background:#6da62c; border-color:#6da62c; color:#fff}
.cultural_menu li.active a:before{ border-left-color:#6da62c; border-left-width:10px;}
@media(max-width:768px){
.cultural_menu{display: none}
.cultural_menu li{ padding:5px 10px 5px 0;}
.cultural_menu li a{ width: 90px;}
.cultural_menu li a:before{right: -2px;}
}

.cultural_mian .item{ width:100%; padding-bottom:4%}
.cultural_mian .item .info{ padding-top:2%; padding-bottom:2%;}
.cultural_mian .item .title h2{ color:#6da62c; font-weight:normal}
.cultural_mian .item .txt{ padding:2% 0;}
.cultural_mian .item .pic img{ width:100%}
@media(min-width:768px){
.cultural_mian .item .info{ width:54.385%;}
.cultural_mian .item .pic{ width:45.715%;}
.cultural_mian .item:nth-child(odd) .info{ padding-right:8.67%}
.cultural_mian .item:nth-child(even) .info{ padding-left:8.67%}
.cultural_mian .item:nth-child(odd) .pic img{ border-top-left-radius:30px;}
.cultural_mian .item:nth-child(even) .pic img{ border-top-right-radius:30px;}
}

.events_mian{ padding-bottom:5%}
.events_info { padding-bottom:4%}
.events_info .events_info{ overflow:hidden}
.events_info .item{ padding:20px;}
.events_info .item .box{ padding:8%; max-width:335px; margin:auto; box-shadow:0 3px 16px rgba(0,0,0,0.13)}
.events_info .item .txt{ height:180px;}
.events_info .item h2{ color:#6da62c; font-size:2.4vw; padding-bottom:10px;}
.events_info .item p{ color:#333333; line-height:30px;}
.events_info .item .pic{ padding-bottom:55%;}
.events_info .item .pic span{ position:absolute; width:100%; height:100%; display:block; background:no-repeat center center; background-size:cover}
.events_info .item .pic:before{ transform:0.3s}
.events_info >.slick-list{ overflow:inherit; padding-left:30%; padding-right:30%;}
.events_info .slick-slide-previous,
.events_info .slick-slide-next{ opacity:0.3}
.events_info .slick-slide-previous .pic:before,
.events_info .slick-slide-next .pic:before{ content:''; position:absolute; width:100%; height:100%; z-index:10; }
.events_info .slick-slide-previous .pic:before{background: linear-gradient(to right,rgba(255,255,255,1),transparent)}
.events_info .slick-slide-next .pic:before{background: linear-gradient(to right,transparent,rgba(255,255,255,1))}
.events_info .slick-current{}
.events_info .slick-dots{ position:absolute; width:100%;}

.events_year{ padding-top:20px;}
.events_year .item{ text-align:center}
.events_year b{ position:relative; padding-top:20px; padding-bottom:20px; display:inline-block; transition:0.5s}
.events_year b:before{ position:absolute; top:-5px; right:0; left:0; margin:auto; content:''; width:10px; height:10px; border-radius:100px; background:#cccccc;transition:0.5s}
.events_year .slick-list{ padding-top:11px!important;}
.events_year .slick-track{ border-top:solid 1px #ebebeb}
.events_year.have_arrow{ padding-left:80px; padding-right:80px;}
.events_year .slick-current{ color:#6da62c; font-size:24px;}
.events_year .slick-current b:before{ background:#6da62c;top:-10px;width:17px; height:17px;  border:solid 3px #fff; box-shadow:0 0 10px rgba(0,0,0,0.2)}

@media(max-width:768px){
.events_info >.slick-list{padding-left:10%; padding-right:10%;}
.events_info .item h2{font-size:5vw;}
}


.honors_list li{ float: left; width: 25%; padding:1.5% 2.667%; text-align: center}
.honors_list li .pic{ padding-bottom:100%; position:relative}
.honors_list li .pic img{ position:absolute; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto; box-shadow:0 5px 10px rgba(0,0,0,0.5)}
.honors_list li .txt{ margin-top:6%; height:90px;}
.honors_list li a{ display: block;}
.honors_list li .pic i{position:absolute; z-index:10; display:block; width:0px; height:0px; margin:auto;width:30px; height:30px;  padding:15%; left:0; right:0; top:0; bottom:0; background:rgba(109,166,44,0.9) url(../images/zoom.png) no-repeat center center; border-radius:100px; opacity:0; transition:0.5s}
.honors_list li a:hover .pic i{ opacity:1}
@media(max-width:1024px){
.honors_list li{ width: 33.333%}
}
@media(max-width:768px){
.honors_list li .txt{ height:72px;}
}
@media(max-width:640px){
.honors_list li{ width:50%}
}

.brands_list .item{ width:100%; padding-bottom:4%}
.brands_list .item .info{ padding-top:2%; padding-bottom:2%;}
.brands_list .item .title h2{ font-weight:normal}
.brands_list .item .title h2 b{ padding-right:20px;}
.brands_list .item .title h2:after{ content:''; display:block; margin-top:20px; width:36px; height:2px; background:#6da62c}
.brands_list .item .txt{ padding:2% 0;}
.brands_list .item .pic img{ width:100%}
.brands_list .item:nth-child(odd) .pic img{ border-top-left-radius:30px;}
.brands_list .item:nth-child(even) .pic img{ border-top-right-radius:30px;}
@media(min-width:768px){
.brands_list .item .info{ width:50%;}
.brands_list .item .pic{ width:50%;}
.brands_list .item:nth-child(odd) .info{ padding-right:8.67%}
.brands_list .item:nth-child(even) .info{ padding-left:8.67%}
}
@media(max-width:768px){
.brands_list .item{ padding-bottom:8%}
}

.contact{ padding:4% 2%;background: linear-gradient(to right,transparent,#f1f4f0)}
.contact .info h1{ color:#6da62c; padding:3% 0}
.contact .info li{ padding:10px 0 10px 25px; position: relative}
.contact .info img{ position: absolute; left: 0;  margin-right:10px;}
.contact .pic{ text-align:center}
.contact .pic img{ max-width:162px;}
.contact .pic span{ display:block; padding:8px 0}
@media(min-width:768px){
.contact .info,
.contact .pic{ float:left; width:50%;}
}




.Pages{ padding-top:5%; padding-bottom:1%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width: 50px; line-height: 50px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background: #f6f6f6 no-repeat center center}
.Pages a.a_cur{ color: #fff; background: #6da62c}
.Pages em{ font-style: normal}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
@media(max-width:960px){
.Pages a{ min-width:34px; line-height:34px;margin: 0 5px;}
}


.info_title{ text-align: center; padding:1.5% 0}
.info_title h1{ line-height: 1.5}
.info_title dl{ color: #999999; padding:1% 0}
.info_title dl span{ padding-right: 60px;}

.info_main{ padding:3% 0}

.info_main .article{ border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; padding-top:3%; padding-bottom:3%; color:#555555}
.info_main .article img{ height:auto!important}

.info_main .other{position: relative; padding-top:2%}
.info_main .other .dot{ opacity: 0.8; padding:5px 0}
.info_main .other .back{ display:block; float:right; line-height:48px; padding:0 45px 0 30px; border-radius:30px; border:solid 1px #d2d2d2; background:url(../images/back_jt.png) no-repeat 87% center}
@media(max-width:960px){
.info_main .other .back{ float: none; width: 140px; margin: auto; margin-bottom: 20px; line-height: 32px;}
}

.more_jt{ color:#6da62c; padding-right:23px; display:inline-block; background:url(../images/more_jt.png) no-repeat right center}

.news_hot{ margin-bottom:2%}
.news_hot .pic{ width:53.28%}
.news_hot .pic .isimg{ display:block; top:0; position:absolute; width:100%; height:100%}
.news_hot .info{ border:solid 1px #ececec; padding:5% 4%}
.news_hot .info h3{ padding:4% 0}
.news_hot .info .txt{ padding-top:2.5%; padding-bottom:13%}
.news_hot .info p{ color:#555555; height:60px;}
.news_hot .info .time{color:#6da62c}
.news_hot .slick-arrow{top: 80%}
.news_hot .slick-prev{left: auto;right: 4%; margin-right: 60px;}
.news_hot .slick-next{right: 4%}

.news_list li{ padding:3% 0; border-bottom:solid 1px #ececec; position:relative}
.news_list li a{ display:block}
.news_list .pic{ float:left; width:20.71%; height:163px; margin-right:3%; position:relative}
.news_list .pic span{ position:absolute; width:100%; height:100%;}
.news_list .info{ float:left; width:60%;}
.news_list .info h3{ font-weight:normal; padding:5px 0}
.news_list .info p{ color:#555555; height:60px; margin:10px 0}
.news_list .time{ position:absolute; height:60px; right:0; top:0; bottom:0; margin:auto; padding:0 35px;}
.news_list .time span{ display:block; color:#6da62c}
.news_list .time:before{ content:''; position:absolute; left:0; width:1px; height:100%; background:linear-gradient(to bottom,#f2f2f2,#c4c4c4,#f2f2f2)}
.news_list .time.t2,
.news_list time{display: none}





@media(min-width:768px){
#column_MediaCoverage.news_list .time.t1{ display:none}
#column_MediaCoverage.news_list .time.t2{ display:inline-block}

#column_MediaCoverage.news_list .pic{ width:25%; height:200px;}
#column_MediaCoverage.news_list .info h3{ padding-top:3%}

#column_ForestLove.news_list li{border-bottom: none; padding: 0; margin-bottom:3%; box-shadow: 0 0 16px rgba(0,0,0,0.05)}
#column_ForestLove.news_list .pic{ width:34%; height:270px;}
#column_ForestLove.news_list .info{ width: 50%; padding-right: 2%}
#column_ForestLove.news_list .info h3{ padding-top:7%; padding-bottom:1%}
#column_ForestLove.news_list .info p{ margin-bottom:7%}
}
@media(max-width:768px){
.news_hot { margin-bottom: 4%}
.news_hot .pic{ width: 100%; padding-bottom: 40%}
.news_hot .info{width: 100%; padding: 2%}
.news_hot .info .txt{ padding-top: 0; padding-bottom: 3%}
.news_hot .info h3{padding: 2% 0}
.news_hot .info p{ height:48px;}
.news_hot .slick-arrow{top:92%;}
.news_list li{ margin-bottom: 2%}
.news_list .pic{ width: 40%!important; height:110px!important;}
.news_list .pic span{ height:100%; top:0}
.news_list .info{ width:57%!important;}
.news_list .info p{ height:48px; margin: 0 0 10px 0!important}
.news_list .time{display: none!important}
.news_list time{ display: inline-block; float: right; color: #999}
.news_list .info h3{ padding: 0 0 10px 0!important;}
}

.video_play{ background:#6da62c url(../images/video_icon.png) no-repeat center center; color:#fff!important; cursor:pointer; border-radius:30px; display:block; width:50px; height:50px; line-height:50px;}

.video_hot{ padding-bottom:3%}
.video_hot .pic .isimg{ padding-bottom:48.572%;}
.video_hot .info { position:absolute; top:0; height:100%;}
.video_hot .box{ height:100%;}
.video_hot .txt{padding: 5%}
.video_hot h3,
.video_hot .time{ color:#fff}
.video_hot h3{ line-height:1.5; max-width: 480px; font-weight: normal; padding: 2% 0;}
.video_hot .time{ opacity: 0.5}
.video_hot .video_play{padding-left:60px; width:160px; background-position: 15% }

.video_list ul li{ float:left; margin-bottom:2%;}
.video_list ul li .pic{ position:relative}
.video_list ul li .pic .video_play{ opacity:0; position:absolute; z-index:10; margin:auto; left:0; right:0; top:0; bottom:0; transition:0.5s}
.video_list ul li .pic .isimg{ padding-bottom:56.365%;}
.video_list ul li .txt{ padding:3% 0}
.video_list ul li:hover .pic .video_play{ opacity:1;}
@media(min-width:960px){
.video_list ul li{ width:31.4286%; margin-left:2.8571%;}
.video_list ul li:nth-child(3n+1){clear:both; margin-left:0}
}
@media(max-width:960px){
.video_list ul li{ width:49%; margin-left:2%}
.video_list ul li:nth-child(2n+1){clear:both; margin-left:0}
}
@media(max-width:640px){
.video_list ul li .pic .video_play{opacity: 1}
}


.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.video_files video{width:100%; height:100%; background-color:#000;}
.video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.video_files .close::before,
.video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_files .close::before{ transform:rotate(45deg);}
.video_files .close::after{ transform:rotate(-45deg);}

.services_info { padding-bottom: 3%}
.services_info .info{ padding-top: 3%; padding-bottom: 3%}
.services_info .info .title h2{ font-weight: normal}
.services_info .info .txt{ padding-top: 3%}
.services_info .pic img{ width: 100%; border-top-left-radius: 30px;}
@media(min-width:768px){
.services_info .pic{ width: 50%;}
.services_info .info{ width: 50%;padding-right: 5%}
}

.sub_title{ text-align: center; padding-bottom: 3%}

.green_more{ padding-top:3%; padding-bottom:3%}
.green_more a{ display:inline-block; cursor:pointer; background:#6da62c url(../images/more_icon.png) no-repeat 80% center; color:#fff; line-height:48px; width:150px; text-indent:40px; border-radius:40px; transition:0.5s}
.green_more a:hover{ background-color:#579214; background-position:75% center; text-indent:30px;}
@media (max-width:768px) {
.green_more a{ line-height:32px; width:130px;text-indent:20px;}
}

.services_list .info{  padding:3% 4%;}
.services_list .pic img{ width: 100%;}
.services_list h2{ color: #6da62c; padding-bottom: 3%;}
.services_list .num{ color: #6da62c; opacity: .05; font-size: 4vw; line-height: 1; font-weight: bold}
.services_list .item:nth-child(odd) .info {background: #f8f8f8;}
.services_list .info{ width: 70%}
.services_list .pic{ width: 30%}
@media(min-width:768px){
.services_list .info{ width: 44.958%}
.services_list .pic{ width: 45.208%}
.services_list .item:nth-child(odd){ padding-right: 17%}
.services_list .item:nth-child(even){ padding-left: 17%}
.services_list .item:nth-child(odd) .pic img{border-top-left-radius: 30px;}
.services_list .item:nth-child(even) .pic img{border-top-right-radius: 30px;}
.services_list .item:nth-child(even) .info{text-align: right}
}

.healthy_list .info{ padding: 3% 5%}
.healthy_list .title h2{ line-height: 2}
.healthy_list .title h3{ color: #6da62c}
.healthy_list .title p{ color: #bfbfbf; padding: 3% 0; text-transform: uppercase}
.healthy_list .icon{ padding-top: 6%; padding-bottom: 10%}
.healthy_list .icon li{ float: left; width: 33.333%; text-align: center}
.healthy_list .icon li:nth-child(3n+1){ clear: both}
.healthy_list .icon li img{ width: 60px; height: 60px; background: #e9f2df; border-radius: 100px;box-shadow:0 0 0 5px #e9f2df; transition: 0.5s }
.healthy_list .icon b{ display: block; padding: 20px; font-weight: normal;}
.healthy_list .pic{ text-align: center;}
.healthy_list .icon li:hover img{ transform: rotate(360deg)}
@media(min-width:768px){
.healthy_list .pic,
.healthy_list .info{width: 50%}
}
@media(max-width:768px){
.healthy_list .item{ margin-top: 5%; padding-top: 5%; border-top: solid 2px #ddd}
}

.reports_list .item{ padding: 0.5% ;}
.reports_list .title{ position: relative; margin-bottom: 2%}
.reports_list .title h3{ background: #fafcef; padding: 3% 15% 3% 3%;}
.reports_list .title .down{ position: absolute; right: 3%; top: 0; bottom: 0; margin: auto; display:inline-block; cursor:pointer; background:#6da62c url(../images/down_icon.png) no-repeat 80% center; color:#fff; line-height:48px; height:48px; width:150px; text-indent:25px; border-radius:40px; transition:0.5s}
.reports_list .title .down:hover{ background-color:#579214; background-position:75% center; text-indent:30px;}
@media (max-width:768px) {
.reports_list .title .down{ line-height:32px;height:32px; width:130px;text-indent:20px;}
}
.reports_list .box{ display: none; background: #fafcef; padding: 3%}
.reports_list .pic{text-align: center; }


.announcement_list{padding:3%; background: #fafcef}
.announcement_list .item{ padding: 3% 0; border-bottom: solid 1px #ebede1}
.announcement_list .item h3{ max-width: 85%; position: relative; padding-left: 21px;}
.announcement_list .item h3:before{content: ''; left: 0; top: 0; bottom: 0; position: absolute; margin: auto; width: 7px; height: 3px; background: #6da62c}
.announcement_list .down{ color: #6da62c; padding-right: 30px;position: absolute; height: 30px; right:0; top: 0; bottom: 0; margin: auto; display:inline-block; cursor:pointer; background:url(../images/down_icon2.png) no-repeat right center; }


.investor_contact .item{ border: solid 1px #ececec; padding: 3%; border-top-right-radius: 30px; background:#fff url("../images/contact_icon.png") no-repeat 115% bottom; background-size: 41%;}
.investor_contact .title{ line-height: 1.5;  border-bottom: solid 1px #e5e5e5; padding:3% 0}
.investor_contact .title span{display: block; color: #555555}
.investor_contact .title b{font-weight: normal}
.investor_contact .txt{ padding: 3% 0;}
.investor_contact .txt li{ padding:10px 0 10px 25px; position: relative}
.investor_contact .txt li img{ position: absolute; left: 0;  margin-right:10px;}
@media(min-width:768px){
.investor_contact .item{ float: left; width: 48%;}
.investor_contact .item:nth-child(odd){ clear: both; margin-right: 4%}
}
@media(max-width:768px){
.investor_contact .item:not(:last-child){ margin-bottom: 3%} 
}

.projects_list .item{ width:100%; padding-bottom:4%}
.projects_list .item .info{ padding-top:2%; padding-bottom:2%;}
.projects_list .item .title h2{ font-weight:normal; line-height:2; position: relative}
.projects_list .item .title h2 b{font-weight: normal; position: relative;z-index: 3}
.projects_list .item .title h2 em{ position: absolute; color: #f3f7ef; margin-left: -10%; bottom: 0; font-size: 5vw;line-height:1; font-weight: bold}
.projects_list .item .txt{ padding:2% 0;}
.projects_list .item .pic img{ width:100%}
.projects_list .item:nth-child(odd) .pic img{ border-top-left-radius:30px;}
.projects_list .item:nth-child(even) .pic img{ border-top-right-radius:30px;}
@media(min-width:768px){
.projects_list .item .info{ width:50%;}
.projects_list .item .pic{ width:50%;}
.projects_list .item:nth-child(odd) .info{ padding-right:8%}
.projects_list .item:nth-child(even) .info{ padding-left:8%}
}


.talent_concept .item .box{ position: absolute; width: 100%; height: 100%; z-index: 2}
.talent_concept .item .ytable-fixed{ height: 100%}
.talent_concept .item .txt{color: #fff; padding: 0 4%; max-width: 720px;}
.talent_concept .title{ color: #6da62c}
.talent_concept .article{ padding: 3% 0}
.talent_concept .list{ padding: 3% 0}

@media(min-width:768px){
.talent_concept  .list{ float: left; width: 46.4285%;}
.talent_concept  .list:nth-child(odd){ margin-right: 7.143%; clear: both}
}
@media(max-width:768px){
.talent_concept { overflow: hidden}
.talent_concept .item .pic{ width: 200%; margin-left: -50%}
}

.common_tab .hide{height: 0; overflow: hidden}

.staff_style{ background: #f3f7ef; overflow: hidden}

.staff_style .tab_title{text-align: center; padding-bottom: 2%;}
.staff_style .tab_title .item{display: inline-block}
.staff_style .tab_title a{display:inline-block;padding: 0 20px; line-height:40px; transition: background .3s; box-shadow:0 0 0 1px #b5b5b5; border-radius:100px; cursor: pointer;}
.staff_style .tab_title .show a{ color:#fff; background:#6da62c url(../images/menu_bg.png) no-repeat right center}

.staff_style .slickphoto .txt{ text-align: center; padding: 8% 0;}
.staff_style .slickphoto .txt h3{ padding: 30px 0; border-top: solid 1px #e1e1e1; max-width: 540px; margin: auto; position: relative}
.staff_style .slickphoto .txt h3:before{ content: ''; width: 0; height: 1px; left: 0; top: 0; position: absolute; background: #6da62c; transition: 0.5s}

.staff_style .slickphoto .pic{ border-top-right-radius: 30px;}
.staff_style .slickphoto .pic span{ padding-bottom: 65%;}
.staff_style .slickphoto .slick-slide-previous{    transform: translateX(0) translateZ(0) rotateY(0deg) scale(0.8);}
.staff_style .slickphoto .slick-slide-next{   transform: translateX(0) translateZ(0) rotateY(0deg) scale(0.8);}
.staff_style .slickphoto .subbox{ padding-left: 25%; padding-right: 25%}
.staff_style .slickphoto .slick-list{ overflow: inherit;}
.staff_style .slickphoto .item:not(.slick-current) .txt{ opacity: 0}
.staff_style .slickphoto .slick-current .txt h3:before{ width: 20%;}
@media(min-width:1024px){
.staff_style .slick-arrow{ top: 77%}
.staff_style .slick-prev{ left: 26%}
.staff_style .slick-next{ right: 26%}
.staff_style .tab_title .item{padding: 0px 10px}
}
@media(max-width:640px){
.staff_style .tab_title{padding-bottom: 4%}
.staff_style .tab_title a{padding: 0 10px;}
.staff_style .slickphoto .subbox{ padding-left: 15%; padding-right: 15%}
}

.jobs_category{ position:relative; padding-top:4%; padding-bottom:4%}
.jobs_category .slick-list { margin-left:-13.5px; margin-right:-13.5px}
.jobs_category .item{ padding:0 13.5px}
.jobs_category .item a{ display:block; position:relative}
.jobs_category .item a:after{ content:''; position:absolute; bottom:0; display:block; width:100%; height:40%; background: linear-gradient(to top,rgba(110,167,45,0.9),transparent)}
.jobs_category .item .pic{ border-top-right-radius:40px; overflow:hidden}
.jobs_category .item .pic span{ display:block; padding-bottom:151.516%}
.jobs_category .item .txt{ position:absolute; width:80%; right:10%; bottom:6%; color:#fff; z-index:10}
.jobs_category .item .txt h3{ line-height: 40px; position: relative}
.jobs_category .item a:hover .txt h3:before{ content: ''; right: 0; position: absolute; width: 40px; height:100%; border-radius: 100px; background: #fff url(../images/join_icon.png) no-repeat center center}
@media (max-width:960px) {
.jobs_category .slick-list { margin-left:-8px; margin-right:-8px}
.jobs_category .item{ padding:0 8px}
}

.jobs_list .title{transition: 0.5s; position: relative; border-bottom: solid 1px #eeeeee}
.jobs_list .title i{ position: absolute; right:3%; top: 50%; width:12px; height:12px; transition: 0.5s}
.jobs_list .title i:before,
.jobs_list .title i:after{content: ''; position: absolute; width: 100%; height: 2px; background: #6da62c }
.jobs_list .title i:after{transform: rotate(90deg);}
.jobs_list .title li{ float: left; width:18%; padding:1.7% 0; text-align: center}
.jobs_list .title li.n1{ padding-left:4%; width: 25%; text-align: left}
.jobs_list .title.show{ color: #fff; background: #6da62c;}
.jobs_list .title.show i:before{ background: #fff}
.jobs_list .title.show i:after{ display:none}
.jobs_list .first{ color: #333333; background: #f8f9fa}
.jobs_list .list .title{ cursor: pointer}
.jobs_list .info{ display: none; background: #f8f9fa; padding:3%; line-height:2; position: relative;}
.jobs_list .info .sub{ color: #6da62c; font-weight: bold}
.jobs_list .info .sub img{ height:25px; vertical-align: middle; margin-right: 10px;}
.jobs_list .info .txt{padding-bottom:1%}
.jobs_list .info .txt_wap{ padding-bottom: 4%; display: none}
.jobs_list .info .txt_wap p{ padding: 0; margin: 0}
.jobs_list .info .txt_wap span{ color: #999}
.jobs_list .info .apply{ text-align: right}
.jobs_list .info .apply a{background: #6da62c; text-align: center; color: #fff; line-height:50px; padding-left: 30px; padding-right: 60px; display:inline-block; cursor: pointer; position: relative; transition: 0.5s}
.jobs_list .info .apply a:after{ content: ''; position: absolute; right: 30px; width: 16px; height: 100%; top: 0; background: url("../images/jt.png") no-repeat left center; transition: 0.5s}
.jobs_list .info .apply a:hover{ background: #6cbadf}
.jobs_list .info .apply a:hover:after{ right: 20px;}
@media (max-width:768px) {
.jobs_list .title li{ padding: 3% 0}
.jobs_list .title li.wap{ display: none}
.jobs_list .title li.n1{ width: 60%}
.jobs_list .title li.n5{ width: 30%;}
.jobs_list .info .txt_wap{ display: block}
}
@media(max-width: 640px){
.jobs_list .info .apply{ text-align: center; padding: 3% 0}
.jobs_list .info .apply a{line-height: 40px;}
}




.enabling_system{ padding-bottom: 6%; background: url(../images/enabling_bg.jpg) no-repeat center bottom; background-size: cover}
.enabling_system .list{ margin-bottom: 1%; background: #fff; border-radius: 10px; padding: 3% 2% 2% 4%;}
.enabling_system .icon{ position: absolute}
.enabling_system .sub{ padding-bottom: 10px;}
.enabling_system .txt{ padding-left:72px;}
.enabling_system .txt li{ color: #727171; position: relative; padding-left: 13px;}
.enabling_system .txt li:before{ content: ''; position: absolute; left: 0px; top:10px; background: #717075; width: 4px; height: 4px; border-radius: 100px;}
.enabling_system .other span{ font-size: 14px; display: inline-block; padding: 0px 8px; line-height: 18px; color: #6da62c; border: solid 1px #6da62c; border-radius: 30px;}
@media(min-width: 640px){
.enabling_system .list{ float: left; width: 49.5%; min-height:170px;}
.enabling_system .list:nth-child(odd){ clear: both; margin-right: 1%;}
.enabling_system .list:last-child{min-height:199px;}
.enabling_system .txt{ padding-left: 92px;}
}

.cooperation_info { padding-top: 4%; padding-bottom:4%}
.cooperation_info .fl_box .article{padding-top: 3%}
@media(min-width: 640px){
.cooperation_info .fl_box{ float: left; width: 46%; max-width: 520px;}
.cooperation_info .fl_box .subcolumn{ text-align: left; padding-top: 0; line-height: 1}
.cooperation_info .fr_box{ float: right; width: 51%}
}

.management_mode .box{ position: relative}
.management_mode { max-width: 1190px; margin: auto;}
.management_mode ul{ }
.management_mode ul li{ padding:2% 0; white-space: nowrap; position: relative}
.management_mode ul li span{display: inline-block; position: relative; color: #fff; padding: 5px 23px; border-radius: 100px; background: #6da62c; box-shadow: 0 0 0 5px rgba(109,166,44,0.1);}
.management_mode ul li em{ font-style: normal}
.management_mode .pic{ text-align: center}
@media(min-width: 640px){
.management_mode ul li{ padding:16% 0; }
.management_mode .box ul:nth-child(1){ float: left}
.management_mode .box ul:nth-child(1) em{ margin-right: 8px;}
.management_mode .box ul:nth-child(1) li:nth-child(1){ left: 40%;}
.management_mode .box ul:nth-child(1) li:nth-child(2){ left: 20%;}
.management_mode .box ul:nth-child(1) li:nth-child(4){ left: 15%;}

.management_mode .box ul:nth-child(2){ float: right; padding-top:3%}
.management_mode .box ul:nth-child(2) li span{ padding-right:52px;}
.management_mode .box ul:nth-child(2) li:nth-child(1){ right: 55%;}
.management_mode .box ul:nth-child(2) li:nth-child(2){ right: 10%;}
.management_mode .box ul:nth-child(2) li:nth-child(3){ right: 20%;}
.management_mode .box ul:nth-child(2) em{ position: absolute; right: 23px;}
.management_mode .article{  position: absolute; width: 100%; padding-top:8%}
}
@media(max-width: 640px){
.management_mode ul li span{ display: block}
.management_mode ul li em{ padding-right: 10px;}
}

.franchise_qualification { padding-bottom: 5%}
.franchise_qualification .box{ margin-top: 5%; padding: 4% 5%; min-height: 409px; background: url(../images/qualification_bg.jpg) no-repeat center bottom; background-size: cover}
.franchise_qualification .article{ color: #fff;}

.franchise_qualification .ul li{ padding-bottom: 3%; padding-left: 20px; position: relative}
.franchise_qualification .ul li:before{ content: ''; position: absolute; left: 0px; top:10px; background: #fff; width: 6px; height: 6px; border-radius: 100px;}

@media(min-width: 640px){
.franchise_qualification .pic{ float: left; width: 52%; margin-top: -8%}
.franchise_qualification .article{ float:right; width: 43%}
}

.assistance_measures{ padding-bottom: 5%; background: url(../images/assistance_bg.jpg) no-repeat center bottom; background-size: cover}
.assistance_measures .box{ position: relative; background: rgba(255,255,255,0.5); border-radius: 20px; overflow: hidden}

.assistance_measures .pic img{ border-radius: 10px;}
.assistance_measures .assistance {margin-left: -1px; margin-top: -1px;}


.assistance li{ float: left; padding: 3%; position: relative}

.assistance li .sub{ color: #6da62c; padding-bottom:15px;}
.assistance li .sub em{ font-style: normal; position: absolute; right: 5%; bottom:10%;color: #dddddf}
.assistance li .txt{ color: #717075}
@media(min-width: 640px){
.assistance li{width: 25%; height: 200px; }
.assistance_measures .assistance li:nth-child(5){ margin-right: 50%}
.assistance_measures .assistance li:nth-child(5),
.assistance_measures .assistance li:nth-child(6){ height: 318px;}
.assistance_measures .pic{ position: absolute; width: 50%; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.assistance li:before,
.assistance li:after{ content: ''; position: absolute; top: 0; background: no-repeat center center; background-size: contain}
.assistance li:before{ left: 0; width: 100%; height: 1px; /* background-image: url(../images/line_b.png)*/}
.assistance li:after{ width: 1px; height: 100%; left: 0; /*background-image: url(../images/line_r.png)*/}
.assistance li:nth-child(5):before,
.assistance li:nth-child(7):before{background: linear-gradient(to right, #fff, #e1e1e2)}
.assistance li:nth-child(6):before,
.assistance li:nth-child(10):before{background: linear-gradient(to right, #e1e1e2, #fff)}
.assistance li:nth-child(2):after,
.assistance li:nth-child(3):after,
.assistance li:nth-child(4):after{background: linear-gradient(to bottom, #fff, #e1e1e2)}
.assistance li:nth-child(8):after,
.assistance li:nth-child(9):after,
.assistance li:nth-child(10):after{background: linear-gradient(to bottom, #e1e1e2, #fff)}
.assistance li:nth-child(5):after{background:#e1e1e2; left: auto; right:-1px }
.assistance li:nth-child(6):after{background:#e1e1e2; }
.assistance li:nth-child(2):before,
.assistance li:nth-child(3):before{background:#e1e1e2; top: auto; bottom:-1px}
.assistance li:nth-child(8):before,
.assistance li:nth-child(9):before{background:#e1e1e2;}
}
@media(max-width: 640px){
.assistance li{ width: 50%;height: 130px; border-bottom: solid 1px #e1e1e2}
.assistance li:nth-child(odd){border-right: solid 1px #e1e1e2}
}

.open_pharmacy{ height: 379px; background: url(../images/pharmacy_bg.jpg) no-repeat center center}
.open_pharmacy .subcolumn{text-align: left; padding-top: 3%; padding-bottom: 2%}
.open_pharmacy .subcolumn b{ color: #fff}
.open_pharmacy .item_box{ float: left; margin-right: 14px;}

.open_pharmacy .item_box .tips{position: absolute; color: #b2b2b2; padding: 0 10px; line-height: 46px;}
.open_pharmacy .item_box .text,
.open_pharmacy .item_box select{ padding: 0px 10px; width: 190px; height: 46px; border: none; background: #fff; color: #b2b2b2; margin-bottom: 10px;}
.open_pharmacy .item_box select{ margin-right: 14px; }
.open_pharmacy .item_box:nth-child(2) .text{ width: 320px;}
.open_pharmacy .btn_box{ clear: both; padding-top:2%}
.open_pharmacy .btn_box .btn{ float: left; border: solid 1px #fff;; width: 40%; max-width: 268px; color: #fff; text-align: center;line-height: 52px;border-radius: 100px; display: inline-block; cursor: pointer;}
.open_pharmacy .btn_box span{ display: inline-block; padding-left: 20px; line-height: 1; color: rgba(255,255,255,0.1); text-transform: uppercase}
@media(max-width: 768px){
.open_pharmacy{ height: auto; padding-bottom: 5%; background-size: cover}
.open_pharmacy .item_box{ float: none; margin: 0;}
.open_pharmacy .item_box .text,
.open_pharmacy .item_box select{ width: 100%!important}
}

.franchise_process{ padding-bottom:6%}
.process .item{ float: left; width: 30%; padding: 1% 3%; text-align: center; height: 330px; background: #f9fcee; border-radius: 10px;}

.process .item .sub{ border-bottom: solid 1px #dbdbdb; color: #6da62c; padding:8% 0; margin-bottom: 4%}
.process .item li:not(:last-child){ padding-bottom: 20px; background: url(../images/jt.png) no-repeat center bottom}

@media(min-width: 640px){
.process .item:not(:last-child){ margin-right: 5%}
.process .icon{ width: 15%; right: -15%; position:absolute; }
.process .icon:before {content: ''; width: 300%; height: 1px; position: absolute; left: -100%; top: 54px; border-bottom: dashed 1px #6da62c; z-index: 1}
.process .icon span{ position: absolute; top: 38px; background:#6da62c url(../images/jt2.png) no-repeat center center; width: 150%; left: -25%; height: 33px; border-radius: 100px; z-index: 2}
.process .icon i{ position: absolute; z-index: 3; top: 49px; width: 13px; height: 13px; background: #fec763; border-radius: 100px;}
.process .icon i:first-child{ left:-100%;}
.process .icon i:last-child{ right:-100%}
}
@media(max-width: 640px){
/*.process .item{ float:none; width: 100%; height: auto}
.process .item .sub{padding: 3% 0}
.process .icon{ float: none; height:80px; width: 20%; margin: auto; }*/
.process .item{ width: 100%}
}

.font_list li{ padding: 1% 0;}
.font_list time{ float: right}

.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}



.sitemap li{ padding:1% 0; border-bottom:dotted 1px #ccc}
.sitemap li b{ padding-right:20px;}
.sitemap li span{ display:inline-block; padding-right:20px;}
@media (max-width:768px) {
.sitemap li span{ padding-right:10px;}
}